
Modal.ss-add-modal-lzw.lzw-style-modal(v-model="addModalShow" fullscreen title="社保参数新增")
  Spin(v-if="spinShow" size="large" fix)
  .modal-top
    .search-form-lzw
      Row.mb-15(type="flex" justify="start")  
        Col.pr-20(span="6")
          span.red.mr-5 *
          span.label-txt 参保地区：
          Cascader(v-model="add_area_name" placeholder="请选择参保地区" change-on-select :data="ProvinceArr" :load-data="loadDataCity" style="width:100%;" filterable)
        Col.pr-20(span="6")
          span.red.mr-5 *
          span.label-txt 社保方案：
          Input(v-model="addDetailInfo.planName" placeholder="请输入")
    Divider
    Row.text-center.mb-10
      Col(span="17")
        Row.text-center(type="flex" align="middle")
          Col(span="4").pl-8.pr-8 险种
          Col(span="4").pl-8.pr-8 默认基数
          Col(span="4").pl-8.pr-8 最低基数
          Col(span="4").pl-8.pr-8 最高基数
          Col(span="4").pl-8.pr-8 缴纳比例(%)
          Col(span="4").pl-8.pr-8 缴纳金额
      Col(span="7")
        Row(type="flex" align="middle")
          Col(span="8").pl-8.pr-8 是否补缴
          Col(span="16").pl-8.pr-8 收费精度
    Row.mb-10.text-center(:gutter="16" type="flex" align="middle")
      Col(span="17")
        Row.text-center(type="flex" align="middle")
          Col(span="4").pl-8.pr-8 五险
          Col(span="4").pl-8.pr-8
            Input(v-model="baseAmountValue" type="number" clearable @on-blur="baseAmountSet(addDetailInfo.details)" placeholder="请输入默认基数")
          Col(span="4").pl-8.pr-8
            Input(v-model="minAmountValue" tpe="number" clearable @on-blur="minAmountSet(addDetailInfo.details)" placeholder="请输入最低基数")
          Col(span="4").pl-8.pr-8
            Input(v-model="maxAmountValue" tpe="number" clearable @on-blur="maxAmountSet(addDetailInfo.details)" placeholder="请输入最高基数")
          Col(span="4").pl-8.pr-8
          Col(span="4").pl-8.pr-8
      Col(span="7")
        Row.text-center(type="flex" align="middle")
          Col(span="8").pl-8.pr-8
            Checkbox(v-model="allIsPayBack" @on-change="bjAllFn(addDetailInfo.details)") 补缴
          Col(span="16").pl-8.pr-8
            Select(@on-change="add_precisionSet")
              Option(v-for="i in precisionSelect" :value="i.key" :key="i.key") {{i.value}}
  Divider
  Form.add-modal(ref="formCustom")
    template(v-for="(item,index) in addDetailInfo.details")
      Row(type="flex" align="middle")
        Col(span="17")
          Row.mb-10.text-center(v-if="item.company" type="flex" align="middle")
            Col(span="4").pl-8.pr-8 {{item.securityTypeName}}单位部分:
            Col(span="4").pl-8.pr-8
              Input(v-model="item.company.baseAmount" type="number" clearable @on-blur="totalMoneyCompany(item)")
            Col(span="4").pl-8.pr-8
              Input(v-model="item.company.minAmount" type="number" clearable)
            Col(span="4").pl-8.pr-8
              Input(v-model="item.company.maxAmount" type="number" clearable)
            Col(span="4").pl-8.pr-8
              Input(v-model="item.company.percent" clearable @on-blur="totalMoneyCompany(item)")
            Col(span="4").pl-8.pr-8
              Input(v-model="item.company.totalAmount" type="number" clearable)
          Row.text-center(v-if="item.employee" type="flex" align="middle")
            Col(span="4").pl-8.pr-8 {{item.securityTypeName}}个人部分:
            Col(span="4").pl-8.pr-8
              Input(v-model="item.employee.baseAmount" type="number" clearable @on-blur="totalMoneyEmployee(item)")
            Col(span="4").pl-8.pr-8
              Input(v-model="item.employee.minAmount" type="number" clearable)
            Col(span="4").pl-8.pr-8
              Input(v-model="item.employee.maxAmount" type="number" clearable)
            Col(span="4").pl-8.pr-8
              Input(v-model="item.employee.percent" @on-blur="totalMoneyEmployee(item)" clearable)
            Col(span="4").pl-8.pr-8
              Input(v-model="item.employee.totalAmount" type="number" clearable)
        Col.mb-10(span="7")
          Row.text-center(v-if="item.company" type="flex" align="middle")
            Col(span="8").pl-8.pr-8
              Checkbox(v-model="item.isPayBack") 补缴
            Col(span="16").pl-8.pr-8
              Row.text-center(type="flex" align="middle" v-if="item.company")
                Col(span="24").pl-8.pr-8.mt-4.mb-4
                  Select(v-model="item.company.precision" @on-change="totalMoney(item)")
                    Option(v-for="i in precisionSelect" :value="i.key" :key="i.key") {{i.value}}
              Row.text-center(type="flex" align="middle" v-if="item.employee")
                Col(span="24").pl-8.pr-8.mt-4.mb-4
                  Select(v-model="item.employee.precision" @on-change="totalMoney(item)")
                    Option(v-for="i in precisionSelect" :value="i.key" :key="i.key") {{i.value}}
      Divider(dashed)
    .search-form-lzw
      Row(v-if="addDetailInfo.seriousIllnessPayment")
        Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
          span.label-txt 大病医疗收费方式：
          Select(v-model='addDetailInfo.seriousIllnessPayment.paymentType', placement="top" @on-change="meansSelectFn")
            Option(v-for='item in securityPaymentType', :value='item.key', :key='item.key') {{ item.value }}
        Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }" v-if="monthShow")
          span.label-txt 年收费时间：
          Select(v-model='addDetailInfo.seriousIllnessPayment.yearPaymentMonth' style="width:100px" placement="top")
            Option(v-for='item in month', :value='item.value', :key='item.value') {{ item.label }}
      Row
        Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
          span.label-txt 补缴最长期限（月）：
          Input(v-model="addDetailInfo.payBackMaxMonth" type="number" placeholder="请输入")
          //- span.ml-10 个月
        Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
          span.label-txt 计算方式：
          Select(v-model="addDetailInfo.totalType" style="width:100px" placement="top")
            Option(v-for='item in countType', :value='item.key', :key='item.key') {{ item.value }}
      Row
        Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
          span.label-txt 减员生效时间：
          Select(v-model='addDetailInfo.reduceEffectType', placement="top")
            Option(v-for='item in effectiveTime', :value='item.key', :key='item.key') {{ item.value }}
        Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
          span.label-txt 异动操作时长：
          Input(v-model="addDetailInfo.changeOperateDuration" placeholder="请输入")
      Row
        Col.mb-15(v-if="addDetailInfo.increasDay" :md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
          span.label-txt 增员起止时间：
          Select(v-model="addDetailInfo.increasDay.begin" placement="top" @on-change="increasDayVerification(addDetailInfo)" placeholder="开始时间")
            Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
          span.pr-10.pl-10 --
          Select(v-model="addDetailInfo.increasDay.end" placement="top" @on-change="increasDayVerification(addDetailInfo)" placeholder="截止时间")
            Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
        Col.mb-15(v-if="addDetailInfo.reduceDay" :md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
          span.label-txt 减员起止时间：
          Select(v-model="addDetailInfo.reduceDay.begin" placement="top" @on-change="reduceDayVerification(addDetailInfo)" placeholder="开始时间")
            Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
          span.pr-10.pl-10 --
          Select(v-model="addDetailInfo.reduceDay.end" placement="top" @on-change="reduceDayVerification(addDetailInfo)" placeholder="截止时间")
            Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
  template(slot="footer")
    Button(@click="addModalShow=false") 关闭
    Button(type="info" @click="confirmFn") 确定 